<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>title</title>
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="/OffTheRecord/js/jquery.validate.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#findIdform").validate({
			   rules: {
			    email: {
			     required: true,
			     email: true
			    }
			   },
			   messages: {
			    email: {
			     required: "이메일을 입력하세요.",
			     email: "이메일을 바르게 입력하세요."
			   }
		   }
	  	});
		$("#findPassform").validate({
			   rules: {
			    id: {
			     required: true,
			    }
			   },
			   messages: {
			    id: {
			     required: "아이디를 입력하세요.",
			   }
		   }
	  	});
	 });

</script>
</head>
<body>
	<c:import url="../common/top.jsp"/>
	<div class="container" style="margin: 60px;"></div>

	<div class="container">
		<div class="row">

			<div class="col-xs-12"
				style="border: 1px solid lightgray; border-radius: 5px; padding: 10px;">
				<div class="col-xs-12"
					style="border: 1px solid lightgray; border-radius: 5px; padding: 10px;">
					<form action="/OffTheRecord/findId.action" id="findIdform"
						role="form" method="post">
						<h1>아이디 찾기</h1>

						<div class="form-group">
							<label for="exampleInputEmail1">Email</label> <input type="text"
								class="form-control" name="email" id="exampleInputEmail1"
								placeholder="회원가입 시 입력한 이메일을 입력해주세요."> 
						</div>

						<button type="submit" class="btn btn-default">아이디 찾기</button>
					</form>
				</div>

				<div class="col-xs-12"
					style="border: 1px solid lightgray; border-radius: 5px; padding: 10px; margin-top: 10px;">
					<form action="/OffTheRecord/findPassword.action" id="findPassform" role="form"
						method="post">
						<h1>비밀번호 찾기</h1>
						<div class="form-group">
							<label for="exampleInputPassword1">ID</label> <input type="text"
								class="form-control" name="id" id="exampleInputPassword1"
								placeholder="회원가입 시 입력한 아이디를 입력해주세요.">
						</div>
						<button type="submit" class="btn btn-default">비밀번호 찾기</button>
					</form>
				</div>
			</div>
		</div>
		<!-- row -->
	</div>
	<!-- container -->
</body>
</html>